<template>
  <n-card class="notfound-container">
    <n-result description="您访问的页面丢失了..." status="404" title="404 资源不存在">
      <template #footer>
        <n-space justify="center">
          <n-button type="primary" @click="$router.replace('/')">回到首页</n-button>
          <n-button type="primary" secondary @click="$router.back()">返回上一页</n-button>
        </n-space>
      </template>
    </n-result>
  </n-card>
</template>

<style lang="less" scoped>
.notfound-container {
  height: 100vh;
  border-radius: 0;
  &:deep(.n-card__content) {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
</style>
